<!-- scrollToTop -->
<div class="scrollToTop"><i class="icon-up-open-big"></i></div>

<!-- header start -->
<header class="header fixed clearfix navbar navbar-fixed-top">
    <div class="container">
        <div class="row">
            <div class="col-md-4">

                <!-- header-left start -->
                <div class="header-left">

                    <!-- logo -->
                    <div class="logo smooth-scroll">
                        <a href="#/main"><img id="logo" src="images/logo.png" alt="Worthy" style="height:50px;"></a>
                    </div>

                </div>
                <!-- header-left end -->

            </div>
            <div class="col-md-8">

                <!-- header-right start -->
                <div class="header-right">

                    <!-- main-navigation start -->
                    <div class="main-navigation animated">

                        <!-- navbar start -->
                        <nav class="navbar navbar-default navbar-daocloud" role="navigation">
                            <div class="container-fluid">

                                <!-- Toggle get grouped for better mobile display -->
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                                        <span class="sr-only">Toggle navigation</span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>

                                <!-- Collect the nav links, forms, and other content for toggling -->
                                <div class="collapse navbar-collapse scrollspy smooth-scroll" id="navbar-collapse-1">
                                    <ul class="nav navbar-nav navbar-right yamm">
                                        <li  class="dropdown">
                                            <a class="dropdown-toggle"  data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">产品
                                                <span class="caret"></span></a>
                                            <ul class="dropdown-menu product-menu">
                                                <li>
                                                    <div class="row">
                                                        <div class="col-xs-7">
                                                            <div class="media-container">
                                                                <div class="menu_header"><img src="./images/product/tamboo_logo.png" width="140"/></div>
                                                                <div class="menu_dec">企业级分布式消息队列，可提供集群、监控、管理、安全及SaaS服务功能</div>
                                                                <table>
                                                                    <tr>
                                                                        <th>监控</th>
                                                                        <th>管理</th>
                                                                        <th>安全</th>
                                                                        <th>SaaS</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td><a href="#/product_detail?id=monitor"><img src="./images/home/monitor.png"/></a></td>
                                                                        <td><a href="#/product_detail?id=manage"><img src="./images/home/manage.png"/></a></td>
                                                                        <td><a href="#/product_detail?id=safety"><img src="./images/home/security.png"/></a></td>
                                                                        <td><a href="#/product_detail?id=saas"><img src="./images/home/ominboard.png"/></a></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>硬件监控</td>
                                                                        <td>Cross DC管理</td>
                                                                        <td>用户验证</td>
                                                                        <td>服务门户</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>Broker监控</td>
                                                                        <td>集群管理</td>
                                                                        <td>数据隔离</td>
                                                                        <td>服务目录</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>Producer监控</td>
                                                                        <td>配置管理</td>
                                                                        <td>Topic权限控制</td>
                                                                        <td>容量管理</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>JVM监控</td>
                                                                        <td>Topic管理</td>
                                                                        <td>SSL安全认证</td>
                                                                        <td>多租户管理</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>Topic监控</td>
                                                                        <td>Partition管理</td>
                                                                        <td>SASL安全认证</td>
                                                                        <td>计量计费</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>Consumer监控</td>
                                                                        <td>弹性伸缩</td>
                                                                        <td>&nbsp;</td>
                                                                        <td>&nbsp;</td>
                                                                    </tr>
                                                                </table>
                                                            </div>
                                                        </div>
                                                        <div class="col-xs-5" style="position:relative">
                                                            <div class="media-container" style="position:static">
                                                                <div class="media">
                                                                    <a href="#/sesame">
                                                                        <div class="media-left">
                                                                            <img src="./images/home/sesame.png" width="50"/>
                                                                        </div>
                                                                        <div class="media-body">
                                                                            <h4 class="media-heading">Sesame</h4>
                                                                            企业级非结构化数据库
                                                                        </div>
                                                                    </a>
                                                                </div>

                                                                <div class="media">
                                                                    <a href="#/argus">
                                                                        <div class="media-left">
                                                                            <img src="./images/home/argus.png" width="50"/>
                                                                        </div>
                                                                        <div class="media-body">
                                                                            <h4 class="media-heading">Argus</h4>
                                                                            大数据实时查询及展现
                                                                        </div>
                                                                    </a>
                                                                </div>

                                                                <div class="media">
                                                                    <a href="#/kulm">
                                                                        <div class="media-left">
                                                                            <img src="./images/home/kulm.png" width="50"/>
                                                                        </div>
                                                                        <div class="media-body">
                                                                            <h4 class="media-heading">Kulm</h4>
                                                                            微服务管理平台
                                                                        </div>
                                                                    </a>
                                                                </div>

                                                                <div class="media">
                                                                    <a href="#/omniboard">
                                                                        <div class="media-left">
                                                                            <img src="./images/home/ominboard.png" width="50"/>																				</div>
                                                                        <div class="media-body">
                                                                            <h4 class="media-heading">Omniboard</h4>
                                                                            信息实时展现看板
                                                                        </div>
                                                                    </a>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="#/solution">解决方案</a>
                                        </li>
                                        <li class="dropdown">
                                            <a aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" class="dropdown-toggle">服务 <span class="caret"></span></a>
                                            <ul class="dropdown-menu">
                                                <li><a>咨询</a></li>
                                                <li><a>培训</a></li>
                                                <li><a>技术支持</a></li>
                                                <li><a>FAQ</a></li>
                                            </ul>
                                        </li>
                                        <li class="dropdown">
                                            <a aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" class="dropdown-toggle">关于我们 <span class="caret"></span></a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#/job">职位招聘</a></li>
                                                <li><a href="#/contact">联系我们</a></li>
                                            </ul>
                                        </li>
                                        <!--<li><a href="#price">博客</a></li>-->
                                        <!--<li><a href="#contact">下载</a></li>-->
                                    </ul>
                                </div>

                            </div>
                        </nav>
                        <!-- navbar end -->

                    </div>
                    <!-- main-navigation end -->

                </div>
                <!-- header-right end -->

            </div>
        </div>
    </div>
</header>
<!-- header end -->